<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
	<div id="content">
      <header id="topnav">
        <nav>
        		 <ul>
					<li class="active"><a class="scroll" href="#home">首页</a></li>
					<li><a class="scroll"href="#service">知识</a></li>
					<li><a class="scroll" href="#portfolio">骑行</a></li>
					<li><a class="scroll" href="#wmuSlider example1">简讯</a></li>
					<li><a  class="scroll" href="#contact">联系我们</a></li>
					<div class="clear"> </div>
				</ul>
        </nav>
         <div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
        <a href="#" id="navbtn">Nav Menu</a>
        <div class="clear"> </div>
      </header><!-- @end #topnav -->
      <script type="text/javascript"  src="js/menu.js"></script>
    </div>
</div>
</div>
<!--start-slider---->
<div class="slider" id="home"> 
				<div class="wrap">
				<!---start-da-slider----->
				<div id="da-slider" class="da-slider">
				<div class="da-slide">
					<h2>让单车更好玩</h2>
					<p>专为喜爱骑行的年青一代细致创造</p>
					<a href="#" class="da-link">Learn more</a>
				</div>
				<div class="da-slide">
					<h2>最好玩的单车达人聚集地</h2>
					<p>寻找你身边的骑行达人，挖掘城市中未探索过的秘境</p>
					<a href="#" class="da-link">Learn more</a>
				</div>
				<div class="da-slide">
					<h2>舍不得忘记的骑行时光</h2>
					<p>记录不再枯燥的私人骑行记忆，分享给同样品味的人</p>
					<a href="#" class="da-link">Learn more</a>
				</div>
				<nav class="da-arrows">
					<span class="da-arrows-prev"></span>
					<span class="da-arrows-next"></span>
				</nav>
			</div>
			<link rel="stylesheet" type="text/css" href="css/slider.css" />
			<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
			<script type="text/javascript" src="js/jquery.cslider.js"></script>
			<script type="text/javascript">
				$(function() {
				
					$('#da-slider').cslider({
						autoplay	: true,
						bgincrement	: 450
					});
				
				});
			</script>
				<!---//End-da-slider----->
			</div>
</div>
<!-----------service------------>
<div  class="sevice" id="service">
	<div class="wrap">
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="images/round1.png">
					 		<h3>骑行安全</h3>
					 		<p>山地车经常需要面对颠簸的路面，肩膀承受着剧烈震动，如何增加肩膀稳定性成为关键。 </p>
				     		<div class="button"><span><a href="#">Read More</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="images/round2.png">
							 <h3>维修保养</h3>
							 <p>调整出符合手型大小的刹变把握距，可大幅减轻骑车时的手部负担，流畅地操控刹车，掌握行车安全！</p>
						     <div class="button"><span><a href="#">Read More</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="images/round3.png">
							 <h3>体能健康</h3>
							 <p>过度换气症候群，是过度急促呼吸，排出过多的二氧化碳，于是血液中二氧化碳含量降低，血液PH碱值升高。 </p>
						     <div class="button"><span><a href="#">Read More</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="images/round4.png">
							 <h3>摄影指南</h3>
							 <p>随着骑行运动的兴起，越来越多的人爱上了单车运动，如何拍出漂亮帅气的自行车照片就成为一个重要问题了。</p>
						     <div class="button"><span><a href="#">Read More</a></span></div>
						</div>
						<div class="clear"> </div>
		 </div>
</div>
<!-----------//service//------------>
<!-----------portfolio-------------->
<div class="portfolio_main"id ="portfolio">
				<div class="wrap">
					<div class="heading_h">
						<h3><a href="#">骑行</a></h3>
					</div>
					<!--start-mfp -->	
				<div id="small-dialog1" class="mfp-hide">
					<div class="pop_up">
							   <img src="images/pop1.jpg">
							   	 <h2>横贯大陆挑战赛</h2>
								 <p>“横贯大陆”（Transcontinental）是国际上一项以严苛出名的极限骑行挑战赛。参赛的车手只能依靠自己骑完全程，组委会不提供后勤车和任何后勤服务，这意味着你必须自己解决衣食住行等所有问题。如果你的车坏了，得自己想办法修，修不好就只能考虑退出挑战了。
去年这场挑战赛的冠军是来自英国的Josh Ibbett（以下简称Josh），在这篇访谈里，他仔细分享自己是如何准备这场挑战，以及如何做到平均每天骑行420公里的。</p>
								 <p class="pop_p">Josh在2015年的时候，我用了3个月完成从东南亚到新西兰的山地车旅行，这场骑行不仅使我的身心得到的充分的锻炼，也为这次比赛打下了坚实的身体素质和心理素质基础，从而让我有勇气选择挑战“横贯大陆”，也满足了我用车轮探索世界的好奇心。
在这次挑战赛前，我首先在ridewithGPS.com这个网站上做好路线规划，然后下载到我的码表中，不过我只制定大致路线，至于具体在哪里吃饭睡觉，这种自虐式比赛就不要在意这些细节了。</p>
								</div>
					
				</div>
				 <div id="small-dialog2" class="mfp-hide">
							   <div class="pop_up2">
							   <img src="images/pop2.jpg">
							   	 <h2>环法预告｜终极赛段 你好巴黎 </h2>
								 <p>熬红了双眼，沙哑了喉咙，环法终于环法来到了最后一个赛段。过去的20个比赛日，我们无时不刻不在盼望着这一天的到来，而当最后一天摆在我们眼前，你是否想过：就让时间停留在冯杜山吧，就让车轮永远奔腾在勃朗峰吧，让那呐喊声再久一点萦绕在耳边，让那雨滴再一次猛烈地敲打脸颊，尽管雨战令人又爱又恨。但，高光终究是留不住，时间也永远拉不回，不管我们怎样幻想，环法的车轮还是再一次会来到“香榭丽舍大道”，来到“凯旋门”。在这里，将上演一场无与伦比的年度冲刺大战，为此次环法落下完美的幕布。</p>
								 <p class="pop_p">明明有好多话要说，却在最后的时刻语无伦次，屏幕前的你是否也一样？当巴黎天夕阳西下，当中国漫天星辰，也就是环法和我们说再见的时刻。当领奖台礼花四散，你是否还会怀念那些曾与你“并肩作战”远在万里的“异国战友”？会的，一定会的！
不管你错过了多少，今夜，你一定要来，不为别的，只为见证英雄的荣光时刻！</p>
								</div>
				 </div>
				 <div id="small-dialog3" class="mfp-hide">
							   <div class="pop_up3">
							   	<img src="images/pop3.jpg">
							   	 <h2>环法二十赛段：鲨鱼进攻未果 伊萨吉雷获胜 </h2>
								 <p>2016年7月23日，环法结束了第20赛段的争夺，移动之星的伊萨吉雷突围成功，赢得了车队在本届环法的首场胜利。总成绩没有发生太大变数，GC车手前三依然是弗鲁姆（天空）、巴尔代（AG2R）和金塔纳（移动之星）。
今天比赛全长146公里，有着4000米左右的爬升，是最后一个对总成绩有影响的赛段。比赛一开始，如同往常的套路，兔子们突围出来形成领先集团，天空车队在后方控场。最初，兔子集团和GC集团的时间差距只有一两分钟。而来到30公里处的坡底，萨甘出来了，他不遗余力地给兔子集团领骑！领骑一直持续了四十多公里，他甚至带领兔子们爬过了一个一级坡。</p>
								 <p class="pop_p">萨甘的领骑产生了明显的效果，领先集团的时间优势从2分钟扩大到6分钟，并成功将集团送到了倒数第二个坡。领骑耗费了萨甘的大量体力，他独力难支，选择回到集团后方吊车尾。而在萨甘领骑之后，兔子集团的人数锐减，只剩下克鲁齐格、伊萨吉雷、潘塔诺、尼巴利、罗兰、阿拉菲利普、鲁伊科斯塔这7人。此前在突围集团中的德根特选择单飞，在集团前方保持着不大不小的优势。总体看来，突围集团的实力不容小觑，而扩大的时间优势也暗示着我们，今天的赛段冠军很有可能从兔子中产生。而这时，赛道上多处地方开始下雨，山上的冷雨和湿滑的路面则随时可能影响战局。</p>
								</div>
				 </div>
				 <div id="small-dialog4" class="mfp-hide">
							   <div class="pop_up4">
							   	<img src="images/pop4.jpg">
							   	 <h2>一百年来 环法车手吃喝演化史 </h2>
								 <p>环法举办至今已有113年历史，你知道在历史的长河中，职业车手们是如何一路吃吃喝喝过来的吗？本文纵观历史，将从新的角度来看看职业车手的补给史。民以食为天，但对于环法选手而言，这曾经被忽视，随着运动科学的兴盛，与运动相关的营养学才逐步讲究。如果有车手在现代环法中喝酒，全世界都会惊呆（今年天空车队最后一站那是庆祝的模式）！但是，一百年前，喝酒甚至抽烟属于比赛礼节中必备。想看看环法是如何从欧洲乡村间的零碎移动式野餐变成一门关注营养与科学运动的竞赛，那就继续往下读吧。</p>
								 <p class="pop_p">1903：Tour de Bars
1903年首届环法的最大赢家是扫烟囱工人的Maurice Garin。据说他是靠在酒吧吃东西沿途喝泉水进行补给。
1904：冠军Henri Cornet的口粮是每天11升热巧克力，4升茶，香槟还有1.5公斤饭团。比赛过程中，车手们得到检查站停下来查看自己是否在正确的线路上，也要在这些站点进行适当的补给。
“这个时期的补给方式是十分原始”，《环法：文化史》（The Tour de France: A Cultural History）的作者Christopher Thompson如是说，“我为写书查阅了大量早期环法的报道。直到被对手虐菜，营养才逐渐成为当时车手的焦点，可也没得到真正的重视。”</p>
								</div>
				 </div>
				 <div id="small-dialog5" class="mfp-hide">
							   <div class="pop_up5">
							   	<img src="images/pop5.jpg">
							   	 <h2>知名山地车手凯利·麦加里在新西兰不幸身亡 </h2>
								 <p>新西兰著名自由骑车手凯利·麦加里（Kelly McGarry）于2月1日不幸去世之后，各种关于他身故原因的猜测甚嚣尘上。有人推测他是在高速骑行时摔车遇难，也有人说是在当地参加比赛时发生了悲剧。更有甚者，看到了凯利本人数天前在社交网络上发布的骑摩托车的照片，便断章取义地断言其是在进行摩托车骑行时不幸遇难。</p>
								 <p class="pop_p">今日，来自新西兰网站stuff.co.nz的消息为我们揭露了更多的细节。新西兰皇后镇（Queenstown）山地车俱乐部的弗雷泽·戈登（Fraser Gordon）表示，凯利·麦加里是在当地的芬恩山环线（Fernhill Loop）骑行时遭遇心脏骤停导致身亡。弗雷泽说道：“我们了解到他当时正在骑车上山，突然遭遇心脏骤停。他是一名极限山地车手，所以很多人都以为是摔车导致身亡，但情况不是这样的。”另外他还向记者表示：“当时他和他的赞助商，YT的一些人一起外出骑行，我猜他们可能是要进行一些影片或照片的拍摄活动。”此外，radionz.co.nz网站也披露了更多的消息。该网站表示皇后镇当地的警察、消防和医疗部门都参与了凯利·麦加里的急救活动，但是当地圣约翰（St. John）急救中心的一位发言人表示，凯利在第一位医疗人员乘直升机抵达之前便已没有了生命迹象。</p>
								</div>
				 </div>
				 <div id="small-dialog6" class="mfp-hide">
							   <div class="pop_up6">
							   	<img src="images/pop6.jpg">
							   	 <h2>如何解决MAGURA MT2刹车异响 </h2>
								 <p>刹车异响是碟刹车友最为头疼的问题，而刹车又往往很容易出现异响。特别是对于小白来说，基本上碰到异响都是束手无策的状态，只能推到店里或找大神帮忙修，可这并不是一个长久之计，必须自己学会调整，才能拥有更完美的骑行体验。
MAGURA玛古拉自1893年创立以来，就坚持高质量的产品生产路线，在刹车制造上对制动力的要求也远高于产品标准线，它坚持使用2.0mm厚度的碟片（较其他品牌厚10-15%）与含有金属成份复合型来令片，希望给车友们提供强有力的刹车制动，即使在高速骑行的情况下，仍能通过稳定的制动效果，保障车友的骑行安全。</p>
								 <p class="pop_p">MAGURA MT2使用含有金属成份的复合型来令片，让刹车制动力远优于标准产品
MAGURA玛古拉亚洲区技术主任陈平宪（Pincus Chen）表示MT2虽然是MAGURA玛古拉入门款产品，但仍秉持家族血统，有较强水平的制动力。针对MT2出现的刹车抖动及异响，他提出了以下建议：
1、车把、刹把、夹器等固定螺丝是否按照规定扭力值锁紧；
2、碟片与来令片是否脏污？如有污损应及时更换；
3、尝试重新拧紧碟片，确认碟片锁紧面是否平整，碟片固定螺丝应依照原厂指定扭力锁紧；
4、前叉与夹器是否平行，与花鼓轴心是否垂直，夹器固定螺丝和转接座固定螺丝应依照原厂指定扭力锁紧；
5、车架头管碗组组装是否稳固？
6、轮组幅条张力是否平均，有无张力过低？</p>
								</div>
				 </div>
				 <div id="small-dialog7" class="mfp-hide">
							   <div class="pop_up7">
							   	 <h2>Lorem ipsum </h2>
								 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie.</p>
								 <p class="pop_p">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie.</p>
								</div>
				 </div>
				<!--end-mfp -->	
				<!--start-content-->
			<div class="gallery">
			<div class="container">
				<div id="gallerylist">
				<div class="gallerylist-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<img src="images/gd1.jpg" alt="Image 1"/
					</a>
				</div>
				<div class="gallerylist-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog2">
						<img src="images/gd2.jpg"  alt="Image 1"/
					</a>
				</div>
				<div class="gallerylist-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog3">
						<img src="images/gd3.jpg"  alt="Image 1"/>
			
					</a>
				</div>
				<div class="clear"></div>
			</div>		
			<div id="gallerylist1">
				<div class="gallerylist-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog4">
						<img src="images/gd4.jpg" alt="Image 1"/
					</a>
				</div>
				<div class="gallerylist-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog5">
						<img src="images/gd5.jpg"  alt="Image 1"/>
					
					</a>
				</div>
				<div class="gallerylist-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog6">
						<img src="images/gd6.jpg"  alt="Image 1"/>
					</a>
				</div>
					<div class="clear"> </div>
					<div class="button_1"><span><a href="#">more</a></span></div>
			</div>																																					
		</div>
	</div>
	<!--end container -->
				<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
				<script>
					$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
					});
				});
				</script>
				
		</div>
	</div>
</div>
<!-----------//portfolio//----------->
<!-----------start-team-------------->

<!----------end-team----------------->
<!-----------start-pricing----------->

		<!----End-pricingplans---->
<!-----------end-pricing------------->
<!---------text-slider------------->
			
		 <div class="wmuSlider example1" id="wmuSlider example1">
		 	<div class="wrap">
			   <article style="position: absolute; width:64%; opacity: 0;"> 
				   	
					<div class="cont span_2_of_3">
						    <h4>俄罗斯黑色奥运年</h1>
							<p>早在两周前曾有传闻，俄罗斯在索契冬奥会期间，由国家主导有组织地使用兴奋剂，并对此进行掩盖。俄罗斯因此面临被全面禁止参加任何国际体育赛事的危机。对此，俄罗斯运动员发表了抗议并提出诉讼。</p>
						  	<span><a href="#">了解详情</a></span>
						 
					</div>
				</article>
				 <article style="position: absolute; width:64%; opacity: 0;"> 
				   	<div class="cont span_2_of_3">
						    <h4>里约奥运会美国队名单出炉</h4>
						    <p>克里斯汀·阿姆斯特朗 （Kristin Armstrong）出生于1973年，是美国的女子自行车运动员。本届奥运，她将挑战她的第三块个人计时赛奥运金牌，这也许是她最后一次参战奥运会。因为她已经42岁“高龄”，并且将在奥运期间度过她43的生日。</p>
						   <span><a href="#">了解详情</a></span>
					</div>
				 </article>
				 <article style="position: absolute; width:64%; opacity: 0;"> 
				   	<div class="cont span_2_of_3">
						    <h4>自行车是如何把你掏空的？</h4>
						    <p>首先要感谢《走近科学：环法如何掏空车手的身体？》一文中，一位ID为“bikeBunny”朋友的评论“我们应该讨论下，自行车是如何掏空我们的钱包”，给了Max本期【深夜骑谈】的话题灵感，并且对原话稍作了修改。</p>
						    <span><a href="#">了解详情</a></span>
					</div>
				 </article>
		 
                  <script src="js/jquery.wmuSlider.js"></script> 
					<script>
       				     $('.example1').wmuSlider();         
   					</script> 	           	      
	         </div>
	     </div>
<!----------//text-slider------------>
<!--------start-contact-----------> 
 <div class="contact" id="contact">
	<div class="wrap">
		<h2>Contact Us</h2>
			<div class="contact-form">
				<div class="para-contact">
					<h4>与我们取得联系</h4>
					<p>欢迎提出宝贵的意见和建议，我们会认真阅读，您的支持是对我们最大的努力和帮助。</p>
				
				 	<div class="social_2 social_3">	
			           <ul>	
						    <li class="facebook"><a href="#"><span> </span></a></li>
						    <li class="twitter"><a href="#"><span> </span></a></li>	 	
							<li class="google"><a href="#"><span> </span></a></li>
					  </ul>
		 		  </div>
		 		  <div class="get-intouch-left-address">
						<p>Address：************</p>
						<p>Zipcode：1000000</p>
						<p>Tel：**************</p>
						<p>Email：*********@qq.com</p>
					</div>
					<div class="clear"> </div>	
				</div>
						<div class="form">
				  			<form method="post" action="#">

							    	<input type="text" name="userName" class="textbox" value=" Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
							    	<input type="text" name="userEmail" class="textbox" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
										<div class="clear"> </div>
								    <div>
								    	<textarea name="userMsg" value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = ' Message';}">Message</textarea>
								    </div>
								<div class="button send_button">
											   	 <input type="submit" value="submit">
								</div>
								<div class="clear"> </div>
							</form>
						</div>
						<a class="mov-top" href="#home1"> <span> </span></a>
					 <div class="clear"> </div>
				</div>
  			</div>
     </div>
     <!-- scroll_top_btn -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
	    <script type="text/javascript">
			$(document).ready(function() {
			
				var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
		 		};
				
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>

		 <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
<!--------//end-contact----------->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>		